<div class="perfil admin-editPerfil">
    <div class="block block-nombre">
        <div class="edit-nombre blok-nombre">
            {% include 'AmistateBundle:perfil:nombre.html.twig' with {'user': user,'admin':true} %}
        </div>
    </div>
    <hr/>
    <div class="fotos admin-images-content">
        {% include 'AmistateBundle:editPerfil:edit_fotos.html.twig' with {'user': user,'admin':true} %}
    </div>
    <div class="mis-datos">
        <div class="block">
          <h3>Algo sobre mi: <span id="edit-sobre-mi"><a href="javascript:void(0);" onclick="editSobreMi()">Modificar</a></span></h3>
          <div class="edit-sobre-mi blok-edit">
              {% include 'AmistateBundle:perfil:sobre_mi.html.twig' with {'user': user,'admin':true} %}
          </div>
        </div>
        <div class="block">
          <h3>Donde vivo: <span id="edit-vivo"><a href="javascript:void(0);" onclick="editVivo()">Modificar</a></span></h3>
          <div class="edit-vivo blok-edit">
            {% include 'AmistateBundle:perfil:ubicacion.html.twig' with {'user': user,'admin':true} %}
          </div>
        </div>
        <div class="block">
          <h3>Busco: <span id="edit-busco"><a href="javascript:void(0);" onclick="editBusco()">Modificar</a></span></h3>
          <div class="edit-busco blok-edit">
            {% include 'AmistateBundle:perfil:busco.html.twig' with {'user': user,'admin':true} %}
          </div>
        </div>
        <div class="block">
          <h3>Información basica: <span id="edit-info-basica"><a href="javascript:void(0);" onclick="editInfoBasica()">Modificar</a></span></h3>
          <div class="edit-info-basica blok-edit">
            {% include 'AmistateBundle:perfil:info_basica.html.twig' with {'user': user,'admin':true} %}
          </div>
        </div>
        <div class="block">
          <h3>Características: <span id="edit-caracteristicas"><a href="javascript:void(0);" onclick="editCaracteristicas()">Modificar</a></span></h3>
          <div class="edit-caracteristicas blok-edit">
            {% include 'AmistateBundle:perfil:caracteristicas.html.twig' with {'user': user,'admin':true} %}
          </div>
        </div>
        <div class="block">
          <h3>Preferencias: <span id="edit-preferencias"><a href="javascript:void(0);" onclick="editPreferencias()">Modificar</a></span></h3>
          <div class="edit-preferencias blok-edit">
            {% include 'AmistateBundle:perfil:preferencias.html.twig' with {'user': user,'admin':true} %}
          </div>
        </div>
    
    </div>
</div>


<script type="text/javascript">
    var velocidad = 'fast';
    var optionsEfects = {};

    function editNombre(){
      $('.nombre').hide(velocidad);
      $('.frm-edit-nombre').show(velocidad);
      $('#edit-nombre').hide();
      $('.edit-nombre').parent().addClass('box-selected');
    }
    function editSobreMi(){
      $('.sobre-mi').hide(velocidad);
      $('.frm-edit-sobre-mi').show(velocidad);
      $('#edit-sobre-mi').hide();
      $('.edit-sobre-mi').parent().addClass('box-selected');
    }
    function editVivo(){
      $('.vivo').hide(velocidad);
      $('.frm-edit-vivo').show(velocidad);
      $('#edit-vivo').hide();
      $('.edit-vivo').parent().addClass('box-selected');
    }
    function editBusco(){
      $('.busco').hide(velocidad);
      $('.frm-edit-busco').show(velocidad);
      $('#edit-busco').hide();
      $('.edit-busco').parent().addClass('box-selected');
    }
    function editInfoBasica(){
      $('.info-basica').hide(velocidad);
      $('.frm-edit-info-basica').show(velocidad);
      $('#edit-info-basica').hide();
      $('.edit-info-basica').parent().addClass('box-selected');
    }
    function editCaracteristicas(){
      $('.caracteristicas').hide(velocidad);
      $('.frm-edit-caracteristicas').show(velocidad);
      $('#edit-caracteristicas').hide();
	  $('.edit-caracteristicas').parent().addClass('box-selected');
    }
    function editPreferencias(){
      $('.preferencias').hide(velocidad);
      $('.frm-edit-preferencias').show(velocidad);
      $('#edit-preferencias').hide();
	  $('.edit-preferencias').parent().addClass('box-selected');
    }

    function cancelNombre(){
      $('.nombre').show(velocidad);
      $('.frm-edit-nombre').hide(velocidad);
      $('#edit-nombre').show();
	  $('.edit-nombre').parent().removeClass('box-selected');
    }
    function cancelSobreMi(){
      $('.sobre-mi').show(velocidad);
      $('.frm-edit-sobre-mi').hide(velocidad);
      $('#edit-sobre-mi').show();
	  $('.edit-sobre-mi').parent().removeClass('box-selected');
    }
    function cancelVivo(){
      $('.vivo').show(velocidad);
      $('.frm-edit-vivo').hide(velocidad);
      $('#edit-vivo').show();
	  $('.edit-vivo').parent().removeClass('box-selected');
    }
    function cancelBusco(){
      $('.busco').show(velocidad);
      $('.frm-edit-busco').hide(velocidad);
      $('#edit-busco').show();
	  $('.edit-busco').parent().removeClass('box-selected');
    }
    function cancelInfoBasica(){
      $('.info-basica').show(velocidad);
      $('.frm-edit-info-basica').hide(velocidad);
      $('#edit-info-basica').show();
	  $('.edit-info-basica').parent().removeClass('box-selected');
    }
    function cancelCaracteristicas(){
      $('.caracteristicas').show(velocidad);
      $('.frm-edit-caracteristicas').hide(velocidad);
      $('#edit-caracteristicas').show();
	  $('.edit-caracteristicas').parent().removeClass('box-selected');
    }
    function cancelPreferencias(){
      $('.preferencias').show(velocidad);
      $('.frm-edit-preferencias').hide(velocidad);
      $('#edit-preferencias').show();
	  $('.edit-preferencias').parent().removeClass('box-selected');
    }

    function saveNombre(){
        $('#frm-edit-nombre').validate({
            rules: {
                control_nombre: 'required',
                nacimiento: 'required'
            },
            messages: {
                control_nombre: 'Por favor ingrese su nombre',
                nacimiento: 'Por favor ingrese su fecha de nacimiento'
            },
            invalidHandler: function(){
                //$.sticky("error", {'duplicates' : false});
            },
            errorPlacement: function(error, element) {
                element.parent().append(error);
            },
            submitHandler: function(){
                $('.edit-nombre .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
                $.ajax({
                    type: 'POST',
                    url: "{{url('save_perfil')}}",
                    data:{
                    control_nombre: $('#nombre').val(),
                    control_apellido: $('#apellido').val(),
                    control_sexo: $('#sexo').val(),
                    control_cumple: $('#cumple').val(),
                    tab:'nombre'
                    },
                    success: function(data) {
                        $('.edit-nombre').html(data);
                        $('.edit-nombre').parent().removeClass('box-selected');
                        $( ".edit-nombre" ).effect( 'pulsate', optionsEfects, 400 );
                        $('#edit-nombre').show();
                    }
                });
                
            }
        });
        $('#frm-edit-nombre').submit();
    }

    function saveSobreMi(){
        $('#frm-edit-sobre-mi').validate({
            rules: {
                control_descripcion: {
                    required: true,
                    minlength: 25
                } 
            },
            messages: {
                control_descripcion: {
                    required: 'Por favor ingrese su descripci&oacute;n',
                    minlength: 'La descripción es demasiada corta'
                }
            },
            invalidHandler: function(){
                //$.sticky("error", {'duplicates' : false});
            },
            errorPlacement: function(error, element) {
                element.parent().append(error);
            },
            submitHandler: function(){
                $('.edit-sobre-mi .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
                $.ajax({
                    type: 'POST',
                    url: "{{url('save_perfil')}}",
                    data:{
                    descripcion: $('#descripcion').val(),
                    tab:'sobre-mi'
                    },
                    success: function(data) {
                    $('.edit-sobre-mi').html(data);
                    $('.edit-sobre-mi').parent().removeClass('box-selected');
                    $( ".edit-sobre-mi" ).effect( 'pulsate', optionsEfects, 400 );
                    $('#edit-sobre-mi').show();
                    }
                });
                
            }
        });
        $('#frm-edit-sobre-mi').submit();
    }

    function saveVivo(){
      if($('#ubicacion-pais_hi').val()==""){
        $.sticky("La ubicación ingresada no es correcta.", {'duplicates' : false});
        return;  
      }
      if($('#ubicacion-latitude_hi').val()==""){
        $.sticky("La ubicación ingresada no es correcta.", {'duplicates' : false});
        return;  
      }
      if($('#ubicacion-longitude_hi').val()==""){
        $.sticky("La ubicación ingresada no es correcta.", {'duplicates' : false});
        return;  
      }
    
      $('.edit-vivo .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
      $.ajax({
        type: 'POST',
        url: "{{url('save_perfil')}}",
        data:{
          control_u_pais: $('#ubicacion-pais_hi').val(),
          control_u_provincia: $('#ubicacion-provincia_hi').val(),
          control_u_ciudad: $('#ubicacion-ciudad_hi').val(),
          control_u_latitude: $('#ubicacion-latitude_hi').val(),
          control_u_longitude: $('#ubicacion-longitude_hi').val(),
          tab:'vivo'
        },
        success: function(data) {
          $('.edit-vivo').html(data);
          $( ".edit-vivo" ).effect( 'pulsate', optionsEfects, 400 );
          $('.edit-vivo').parent().removeClass('box-selected');
          $('#edit-vivo').show();
	}
      });
    }

    function saveBusco(){
      $('.edit-busco .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
      $.ajax({
        type: 'POST',
        url: "{{url('save_perfil')}}",
        data:{
          control_busco: $('#busco').val(),
          control_para: $('#para').val(),
          control_buscas: $('#buscas').val(),
          tab:'busco'
        },
        success: function(data) {
          $('.edit-busco').html(data);
          $( ".edit-busco" ).effect( 'pulsate', optionsEfects, 400 );
          $('.edit-busco').parent().removeClass('box-selected');
          $('#edit-busco').show();
	}
      });
    }

    function saveInfoBasica(){
        $('#frm-edit-info-basica').validate({
            rules: {
                control_password: 'required',
                control_rclave: {
                    required:true,
                    equalTo: "#password"
                }
            },
            messages: {
                control_password: 'Por favor ingrese su clave',
                control_rclave: {
                    required: 'Por favor repita su clave',
                    equalTo: "Por favor ingrese las mismas claves"
                }
            },
            invalidHandler: function(){
                //$.sticky("error", {'duplicates' : false});
            },
            errorPlacement: function(error, element) {
                element.parent().append(error);
            },
            submitHandler: function(){
                $('.edit-info-basica .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
                $.ajax({
                    type: 'POST',
                    url: "{{url('save_perfil')}}",
                    data:{
                    control_password: $('#password').val(),
                    control_recibomail: $('#recibomail').val(),
                    tab:'info-basica'
                    },
                    success: function(data) {
                    $('.edit-info-basica').html(data);
                    $( ".edit-info-basica" ).effect( 'pulsate', optionsEfects, 400 );
                    $('.edit-info-basica').parent().removeClass('box-selected');
                    $('#edit-info-basica').show();
                    }
                });
                
            }
        });
        $('#frm-edit-info-basica').submit();
    }
    
    function saveCaracteristicas(){
      $('.edit-caracteristicas .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
      $.ajax({
        type: 'POST',
        url: "{{url('save_perfil')}}",
        data:{
          control_altura: $('#altura').val(),
          control_estudios: $('#estudios').val(),
          control_fisico: $('#fisico').val(),
          control_estado_civil: $('#estado_civil').val(),
          control_color_pelo: $('#color_pelo').val(),
          control_color_ojos: $('#color_ojos').val(),
          control_nacionalidad: $('#nacionalidad').val(),
          control_vives: $('#vives').val(),
          control_trabajo: $('#trabajo').val(),
          control_animales: $('#animales').val(),
          control_idioma: $('#idioma').val(),
          control_cita_ideal: $('#cita_ideal').val(),
          control_web: $('#web').val(),
          control_msn: $('#msn').val(),
          control_yahoo: $('#yahoo').val(),
          control_facebook: $('#facebook').val(),
          control_twitter: $('#twitter').val(),
          control_webcam: $('#webcam').val(),
          control_telefono: $('#telefono').val(),
          tab:'caracteristicas'
        },
        success: function(data) {
          $('.edit-caracteristicas').html(data);
          $( ".edit-caracteristicas" ).effect( 'pulsate', optionsEfects, 400 );
          $('.edit-caracteristicas').parent().removeClass('box-selected');
          $('#edit-caracteristicas').show();
	}
      });
    }

    function savePreferencias(){
      $('.edit-preferencias .actions').html('<img class="esperar" src="'+loadingImg+'"/>');
      $.ajax({
        type: 'POST',
        url: "{{url('save_perfil')}}",
        data:{
          control_hijos: $('#hijos').val(),
          control_religion: $('#religion').val(),
          control_fumas: $('#fumas').val(),
          control_bebes: $('#bebes').val(),
          control_musica: $('#musica').val(),
          control_peliculas: $('#peliculas').val(),
          control_libros: $('#libros').val(),
          control_tele: $('#tele').val(),
          control_deportes: $('#deportes').val(),
          control_frase: $('#frase').val(),
          control_comida: $('#comida').val(),
          tab:'preferencias'
        },
        success: function(data) {
          $('.edit-preferencias').html(data);
          $( ".edit-preferencias" ).effect( 'pulsate', optionsEfects, 400 );
          $('.edit-preferencias').parent().removeClass('box-selected');
          $('#edit-preferencias').show();
        }
      });
    }
</script>